<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Event On</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic'
        rel='stylesheet' type='text/css'>
     Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png">
    <link rel="shortcut icon" href="favicon.png">
    <link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css">
    <link rel="stylesheet" href="css/main.css">

    <script src="js/vendor/modernizr-2.6.2.min.js" async></script>

    <script type="text/javascript">var switchTo5x=true;</script>

    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>

    <script type="text/javascript" defer>stLight.options({publisher: "ur-b4964695-8b2f-20dd-2ced-c9f6141de24c", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

</head>
<body>
    <!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
    <!-- Header -->
    <header class="header-container">
<!-- Header Top -->
    <div class="header-top">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <ul class="login-details clearfix">
                        <li><a href="event.html#" class="agenticon">Agent Login</a></li>
                        <li><a href="event.html#" class="customericon">Customer Login</a></li>
                        <li class="membericon">Not a Member?</li>
                        <li><a href="event.html#" class="pri-color">Register Now</a></li>
                    </ul>
                </div>

                <div class="col-md-6">
                    <div class="social-icon pull-right">
                        <a href="event.html#" class="facebook fa fa-facebook"></a>
                        <a href="event.html#" class="twitter fa fa-twitter"></a>
                        <a href="event.html#" class="googleplus fa fa-google-plus"></a>
                        <a href="event.html#" class="dribble fa fa-dribbble"> </a>
                    </div>
                </div>
            </div> 
        </div>     
    </div>

    <!-- main-header -->
    <div class="main-header affix">
        <!-- moblie-nav-wrapper -->
        <div class="mobile-nav-wrapper">
            <div class="container">

               <div id="logo">
<a href="index.html"><img src="img/logo.png" alt=""></a>
</div>

                <div id="sb-search" class="sb-search">
                    <form>
                        <input class="sb-search-input" placeholder="Search" type="text" name="search" id="search">
                        <input class="sb-search-submit" type="submit" value="">
                        <span class="sb-icon-search"></span>
                    </form>
                </div>

                <!-- mobile-menu-icon -->
                <div class="mobile-menu-icon">
                    <i class="fa fa-bars"></i>
                </div> 
                <!-- Main Nav -->
                <nav class="main-nav mobile-menu">

                    <ul class="clearfix">
                        <li class="parent "><a href="event.html#">Home</a>
                        <!-- sub-menu -->
                            <ul class="sub-menu">
                                <li class="arrow"></li>
                                <li><a href="index.html">Home-1</a></li> <li><a href="index-2.html">Home-2</a></li>
                                <li><a href="index-3.html">Home-3</a></li>
                                <li><a href="index-4.html">Home-4</a></li>
                                <li><a href="index-5.html">Home-5</a></li>
                                <li><a href="index-6.html">Home-6</a></li>
                            </ul>
                        </li>

                        <li class="parent active"><a href="event.html#">Events</a>
                         <!-- sub-menu -->
                            <ul class="sub-menu">
                                <li class="arrow"></li>
                                <li><a href="event.html">Event</a></li>
                                <li><a href="event-sidebar-left.html">Event-Sidebar-Left</a></li>
                                <li><a href="event-sidebar-right.html">Event-Sidebar-Right</a></li>
                                <li><a href="event-detail.html">Event Detail</a></li>
                            </ul>
                        </li>
                        <li><a href="event.html#">Directions</a></li>
                        <li><a href="event-tv.html">Events TV</a></li>
                        <li class="parent"><a href="event-blog.html">Blog</a>
                         <!-- sub-menu -->
                            <ul class="sub-menu">
                                <li class="arrow"></li>
                                <li><a href="event-blog.html">Event Blog</a></li>
                                <li><a href="event-single-blog.html">Event Single-Blog</a></li>
                            </ul>
                        </li>
                        <li><a href="gallery.html">Gallery</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>  
</header>
    <!-- header -->
    <!-- Sub Banner -->
    <section class="sub-banner newsection">
    <div class="container">
        <h2 class="title">Events</h2>
        <ul class="breadcrumb">
           <li><a href="index.html">Home</a></li>
            <li>Events</li>
           
        </ul>
    </div>
</section>
    <!-- Events -->
    <section class="events newsection">

    <!-- Container -->
    <div class="container">

        <!-- eventform-con -->
        <div class=" eventform-con clearfix">
            <form>
                <div class="form-input search-location">
                    <input type="text" value="" placeholder="Select Location">
                    <i class="icon icon-s fa fa-search"></i>
                    <button class="icon fa fa-globe"></button>
                </div>

                <div class="form-input">
                    <input placeholder="mm/dd/yy" class="date_timepicker_start">
                    <button type="button"  value="open" class="open icon fa fa-calendar"></button>
                </div>


                <div class="form-input">
                    <input placeholder="dd/mm/yy" class="date_timepicker_end" >
                    <button type="button" value="open" class="end icon fa fa-calendar"></button>
                </div>

                <div class="form-input">
                    <div class="styled-select">
                        <select>
                            <option>Select Fields</option>
                            <option>The second option</option>
                        </select>
                    </div>
                </div>

                <div class="form-input ">
                    <button class="btn btn-disabled ">FILTER event</button>
                </div>


            </form>
            <!-- Event-Filter-Memu -->
            <ul class="event-filter">
                <li class="filter stylelist"><i class=" fa fa-th-list"></i></li>
                <li class="filter stylegrid"><i class=" fa fa-th"></i></li>
            </ul>
        </div>

        <!-- Item Grid & Item List -->
        <div class="grid-list event-container clearfix checkcolumn">
            <div class="row">
                <!-- Event -->
                <div class="event-border col-md-3">
                    <div class="event clearfix">
                        <div class="eventsimg">
                            <img src="img/Image-1.jpg" alt="">
                        </div>
                        <div class="event-content">
                            <h3 class="title"><a href="event.html#">Using Social Services Increase Your Sales </a></h3>
                            <ul class="meta">
                                <li class="date"><i class="icon fa fa-calendar"></i> Feb 17-19, 2014</li><li><a href="event.html#"><i class="icon fa fa-home"></i> Grand Hotel Califonria</a></li><li><a href="event.html#"><i class="icon fa fa-map-marker"></i>Istanbul / Turkey</a></li>
                            </ul>
                            <p>Nullam facilisis metus quis nunc rhoncus fringilla. Donec nec nisl nisl, vel tincidunt urna. Donec erat erat, suscipit vitae tristique non, posuere nec mi. In faucibus lobortis pharetra.. [...] </p>
                            <a href="event.html#" class="btn btn-pri">buy tıcket</a><a href="event.html#" class="btn btn-border">FACEBOOK PAGE</a>
                        </div>

                        <div class="links clearfix">
                            <ul>
                                <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                <li><a href="event.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                <li><a href="event.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                            </ul> 
                        </div>
                    </div>
                </div>
                <!-- Event -->
                <div class="event-border col-md-3">
                    <div class="event clearfix">
                        <div class="eventsimg">
                            <img src="img/Image-1.jpg" alt="">
                        </div>
                        <div class="event-content">
                            <h3 class="title"><a href="event.html#">Using Social Services Increase Your Sales </a></h3>
                            <ul class="meta">
                                <li class="date"><i class="icon fa fa-calendar"></i> Feb 17-19, 2014</li><li><a href="event.html#"><i class="icon fa fa-home"></i> Grand Hotel Califonria</a></li><li><a href="event.html#"><i class="icon fa fa-map-marker"></i>Istanbul / Turkey</a></li>
                            </ul>
                            <p>Nullam facilisis metus quis nunc rhoncus fringilla. Donec nec nisl nisl, vel tincidunt urna. Donec erat erat, suscipit vitae tristique non, posuere nec mi. In faucibus lobortis pharetra.. [...] </p>
                            <a href="event.html#" class="btn btn-pri">buy tıcket</a><a href="event.html#" class="btn btn-border">FACEBOOK PAGE</a>
                        </div>

                        <div class="links clearfix">
                            <ul>
                                <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                <li><a href="event.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                <li><a href="event.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                            </ul> 
                        </div>
                    </div>
                </div>
                <!-- Event -->
                <div class="event-border col-md-3">
                    <div class="event clearfix">
                        <div class="eventsimg">
                            <img src="img/Image-3.jpg" alt="">
                        </div>
                        <div class="event-content">
                            <h3 class="title"><a href="event.html#">Using Social Services Increase Your Sales </a></h3>
                            <ul class="meta">
                                <li class="date"><i class="icon fa fa-calendar"></i> Feb 17-19, 2014</li><li><a href="event.html#"><i class="icon fa fa-home"></i> Grand Hotel Califonria</a></li><li><a href="event.html#"><i class="icon fa fa-map-marker"></i>Istanbul / Turkey</a></li>
                            </ul>
                            <p>Nullam facilisis metus quis nunc rhoncus fringilla. Donec nec nisl nisl, vel tincidunt urna. Donec erat erat, suscipit vitae tristique non, posuere nec mi. In faucibus lobortis pharetra.. [...] </p>
                            <a href="event.html#" class="btn btn-pri">buy tıcket</a><a href="event.html#" class="btn btn-border">FACEBOOK PAGE</a>
                        </div>

                        <div class="links clearfix">
                            <ul>
                                <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                <li><a href="event.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                <li><a href="event.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                            </ul> 
                        </div>
                    </div>
                </div>
                <!-- Event -->
                <div class="event-border col-md-3">
                    <div class="event clearfix">
                        <div class="eventsimg">
                            <img src="img/Image-4.jpg" alt="">
                        </div>
                        <div class="event-content">
                            <h3 class="title"><a href="event.html#">Using Social Services Increase Your Sales </a></h3>
                            <ul class="meta">
                                <li class="date"><i class="icon fa fa-calendar"></i> Feb 17-19, 2014</li><li><a href="event.html#"><i class="icon fa fa-home"></i> Grand Hotel Califonria</a></li><li><a href="event.html#"><i class="icon fa fa-map-marker"></i>Istanbul / Turkey</a></li>
                            </ul>
                            <p>Nullam facilisis metus quis nunc rhoncus fringilla. Donec nec nisl nisl, vel tincidunt urna. Donec erat erat, suscipit vitae tristique non, posuere nec mi. In faucibus lobortis pharetra.. [...] </p>
                            <a href="event.html#" class="btn btn-pri">buy tıcket</a><a href="event.html#" class="btn btn-border">FACEBOOK PAGE</a>
                        </div>

                        <div class="links clearfix">
                            <ul>
                                <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                <li><a href="event.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                <li><a href="event.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                            </ul> 
                        </div>
                    </div>
                </div>
                <!-- Event -->
                <div class="event-border col-md-3">
                    <div class="event clearfix">
                        <div class="eventsimg">
                            <img src="img/Image-3.jpg" alt="">
                        </div>
                        <div class="event-content">
                            <h3 class="title"><a href="event.html#">Using Social Services Increase Your Sales </a></h3>
                            <ul class="meta">
                                <li class="date"><i class="icon fa fa-calendar"></i> Feb 17-19, 2014</li><li><a href="event.html#"><i class="icon fa fa-home"></i> Grand Hotel Califonria</a></li><li><a href="event.html#"><i class="icon fa fa-map-marker"></i>Istanbul / Turkey</a></li>
                            </ul>
                            <p>Nullam facilisis metus quis nunc rhoncus fringilla. Donec nec nisl nisl, vel tincidunt urna. Donec erat erat, suscipit vitae tristique non, posuere nec mi. In faucibus lobortis pharetra.. [...] </p>
                            <a href="event.html#" class="btn btn-pri">buy tıcket</a><a href="event.html#" class="btn btn-border">FACEBOOK PAGE</a>
                        </div>

                        <div class="links clearfix">
                            <ul>
                                <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                <li><a href="event.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                <li><a href="event.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                            </ul> 
                        </div>
                    </div>
                </div>
                <!-- Event -->
                <div class="event-border col-md-3">
                    <div class="event clearfix">
                        <div class="eventsimg">
                            <img src="img/Image-1.jpg" alt="">
                        </div>
                        <div class="event-content">
                            <h3 class="title"><a href="event.html#">Using Social Services Increase Your Sales </a></h3>
                            <ul class="meta">
                                <li class="date"><i class="icon fa fa-calendar"></i> Feb 17-19, 2014</li><li><a href="event.html#"><i class="icon fa fa-home"></i> Grand Hotel Califonria</a></li><li><a href="event.html#"><i class="icon fa fa-map-marker"></i>Istanbul / Turkey</a></li>
                            </ul>
                            <p>Nullam facilisis metus quis nunc rhoncus fringilla. Donec nec nisl nisl, vel tincidunt urna. Donec erat erat, suscipit vitae tristique non, posuere nec mi. In faucibus lobortis pharetra.. [...] </p>
                            <a href="event.html#" class="btn btn-pri">buy tıcket</a><a href="event.html#" class="btn btn-border">FACEBOOK PAGE</a>
                        </div>

                        <div class="links clearfix">
                            <ul>
                                <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                <li><a href="event.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                <li><a href="event.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                            </ul> 
                        </div>
                    </div>
                </div>
                <!-- Event -->
                <div class="event-border col-md-3">
                    <div class="event clearfix">
                        <div class="eventsimg">
                            <img src="img/Image-4.jpg" alt="">
                        </div>
                        <div class="event-content">
                            <h3 class="title"><a href="event.html#">Using Social Services Increase Your Sales </a></h3>
                            <ul class="meta">
                                <li class="date"><i class="icon fa fa-calendar"></i> Feb 17-19, 2014</li><li><a href="event.html#"><i class="icon fa fa-home"></i> Grand Hotel Califonria</a></li><li><a href="event.html#"><i class="icon fa fa-map-marker"></i>Istanbul / Turkey</a></li>
                            </ul>
                            <p>Nullam facilisis metus quis nunc rhoncus fringilla. Donec nec nisl nisl, vel tincidunt urna. Donec erat erat, suscipit vitae tristique non, posuere nec mi. In faucibus lobortis pharetra.. [...] </p>
                            <a href="event.html#" class="btn btn-pri">buy tıcket</a><a href="event.html#" class="btn btn-border">FACEBOOK PAGE</a>
                        </div>

                        <div class="links clearfix">
                            <ul>
                                <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                <li><a href="event.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                <li><a href="event.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                            </ul> 
                        </div>
                    </div>
                </div>
                <!-- Event -->
                <div class="event-border col-md-3">
                    <div class="event clearfix">
                        <div class="eventsimg">
                            <img src="img/Image-1.jpg" alt="">
                        </div>
                        <div class="event-content">
                            <h3 class="title"><a href="event.html#">Using Social Services Increase Your Sales </a></h3>
                            <ul class="meta">
                                <li class="date"><i class="icon fa fa-calendar"></i> Feb 17-19, 2014</li><li><a href="event.html#"><i class="icon fa fa-home"></i> Grand Hotel Califonria</a></li><li><a href="event.html#"><i class="icon fa fa-map-marker"></i>Istanbul / Turkey</a></li>
                            </ul>
                            <p>Nullam facilisis metus quis nunc rhoncus fringilla. Donec nec nisl nisl, vel tincidunt urna. Donec erat erat, suscipit vitae tristique non, posuere nec mi. In faucibus lobortis pharetra.. [...] </p>
                            <a href="event.html#" class="btn btn-pri">buy tıcket</a><a href="event.html#" class="btn btn-border">FACEBOOK PAGE</a>
                        </div>

                        <div class="links clearfix">
                            <ul>
                                <li><a class='st_sharethis_large' ><i class="icon fa fa-share"></i> share</a></li>
                                <li><a href="event.html#"><i class="icon fa fa-heart"></i>26</a></li>
                                <li><a href="event.html#" ><i class="icon fa fa-comment"></i>33</a> </li> 
                            </ul> 
                        </div>
                    </div>
                </div>
            </div>
        </div> 
        <!-- Pagination -->
        <ul class="pagination clearfix">
            <li class=""><a href="event.html#"><i class="fa fa-angle-left"></i></a></li>
            <li class=""><a href="event.html#">1</a></li>
            <li class=""><a href="event.html#">2</a></li>
            <li class=""><a href="event.html#">3</a></li>
            <li class=""><a href="event.html#">4</a></li>
            <li class=""><a href="event.html#">5</a></li>
            <li class=""><a href="event.html#"><i class="fa fa-angle-right"></i></a></li>
        </ul>
    </div>  
</section>
    <!-- Footer -->
    <footer class="main-footer">
    <div class="container">
        <div class="row">	

            <div class="widget col-md-3">
                <div class="about">
                    <h2 class="title">About <span class="border"></span></h2>
                    <p>Vivamus ante nulla, ultrices ut molestie pellentesque, posuere eu ligula. In porttitor in turpis eu porttitor. </p> 
                </div>
                <ul class="fa-ul">
                    <li><i class="fa-li fa fa-map-marker"></i>1600 Pennsylvania Ave NW,
                        Washington, D.C., DC 20500, ABD
                    </li>
                    <li> <i class="fa-li fa fa-phone fa-flip-horizontal"></i>+90 555 55 55</li>
                    <li><i class="fa-li fa fa-envelope-o "></i><a href="event.html#">info@example.com</a></li>
                </ul>           
            </div>

            <div class="widget col-md-3">
                <h2 class="title">Recent Blog Posts<span class="border"></span></h2>
                <div class="recent-blog">
                    <div class="recent-img">
                        <img src="img/recent-1.png" alt="">
                    </div>
                    <div class="recent-content">
                        <h3 class="title"><a href="event.html#"> Lorem ipsum dolor sit amet consectetur. </a> </h3>
                        <p class="date"><i class="icon fa fa-calendar"></i>October 24th, 2013</p>
                        <p class="comment"><i class="icon fa fa-comment"></i><a href="event.html#">23 Comments</a></p>
                    </div>
                </div>

                <div class="recent-blog">
                    <div class="recent-img">
                        <img src="img/recent-2.png" alt="">
                    </div>
                    <div class="recent-content">
                        <h3 class="title"><a href="event.html#"> Lorem ipsum dolor sit amet consectetur. </a> </h3>
                        <p class="date"><i class="icon fa fa-calendar"></i>October 24th, 2013</p>
                        <p class="comment"><i class="icon fa fa-comment"></i><a href="event.html#">23 Comments</a></p>
                    </div>
                </div>

                <div class="recent-blog">
                    <div class="recent-img">
                        <img src="img/recent-3.png" alt="">
                    </div>
                    <div class="recent-content">
                        <h3 class="title"><a href="event.html#"> Lorem ipsum dolor sit amet consectetur. </a> </h3>
                        <p class="date"><i class="icon fa fa-calendar"></i>October 24th, 2013</p>
                        <p class="comment"><i class="icon fa fa-comment"></i><a href="event.html#">23 Comments</a></p>
                    </div>
                </div>
            </div>

            <div class="widget lastest-tweets col-md-3">
                <h2 class="title">Lastest Tweets<span class="border"></span></h2>
                <ul class="fa-ul twitters"></ul>
            </div>

            <div class="widget col-md-3">
                <h2 class="title">Flickr Photos<span class="border"></span></h2>
                 <div class="flicker flickrwidget"></div>   
            </div>
        </div> 
    </div>
</footer>

    <script src="js/vendor/jquery-1.10.2.min.js"></script>

    <script src="js/plugins.js" defer></script>

    <script src="js/main.js" defer></script>

</body>
</html>
